<template>
  <div class="flexContainerH">
      <main class="main">
        conent：width = auto
      </main>
      <header class="left">left：width = 150px</header>
      <footer class="right">right：width = 150px</footer>
  </div>
</template>
<script>
export default {
}
</script>

<style lang="stylus">
.flexContainerH
  display:flex
  height:100vh
  .right
    width:150px
    background #CCC
  .main
    flex-grow:1
    background #3dc95d
  .left
    width 150px
    background #665aa4
    order:-1;//使得order处于最左侧(html中main写在了最前，以利于优先加载主内容区)
</style>
